<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap" rel="stylesheet">
    <style>
        * {
            box-sizing: border-box;
        }

        body {
            scroll-behavior: smooth;
            overflow-x: hidden;
            width: 280px;
            padding: 0;
            margin: 0;
        }

        p {
            margin: 0 auto;
        }

        a {
            color: #787878;
            padding: 0 5px;
        }
    </style>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<div class="toast"></div>
<div class="main">
    <div style="text-align: center;">
        <img class="logo" src="../icon.png" alt="rust-search-extension">
        <h2 class="title">Rust Search Extension</h2>
        <div>
            <a href="https://doc.rust-lang.org/1.42.0/std/">
                <img src="https://img.shields.io/badge/stable-1.42.0-yellow.svg" alt="stable-docs">
            </a>
        </div>
    </div>
    <div style="margin-top: 20px" class="flex-vertical">
        <div>
            Enable offline mode
            <label class="toggle">
                <input type="checkbox" id="offline-mode">
                <span class="slider"></span>
            </label>
        </div>
        <input type="text" class="offline-doc-path" placeholder="Input the local doc path">
        <small class="offline-doc-message"></small>
    </div>
    <div style="margin-top: 30px; font-size: 11px;text-align: center">
        <a href="https://rust-search-extension.now.sh" target="_blank">Website</a>
        <a href="https://github.com/folyd/rust-search-extension" target="_blank">Github</a>
    </div>
</div>
</body>
<script src="../compat.js"></script>
<script src="../settings.js"></script>
<script src="toast.js"></script>
<script src="index.js"></script>
</html>